<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<script>
/*//使用jq入口函数给id按钮绑定一个单击事件
    $(function () {
        $("#id").click(function () {
            alert("aa");
        })
    })*/



    /*window.onload= function f1() {
        alert("aaa");
    };
    window.onload=function f2() {
        alert("bbb");
    }
    */
/*
         window.onload  和 $(function) 区别
             * window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
             * $(function)可以定义多次的。
      */

     $(function () {
         alert("aaaaa");
     })
     $(function () {
         alert("bbbbbb");
     })


    $(function () {
        $("#id").css("backgroundColor","pink");
    })
</script>



<div id="div1">11111111111</div>
<div id="div2">22222222222</div>
<input type="button" value="点我" id="id">
</body>
</html>